<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>less变量</title>
</head>
<!-- 通过easyless把less文件变为css进行使用 -->
<link rel="stylesheet" href="css/my.css">
<style>
    /* 语法 @变量名：值； */
    /* 规范：1.必须要有@为前缀
          2.不能包含特殊字符
          3.不能数字开头
          4。大小写敏感 */
</style>

<body>
    <div>粉色的诶嘿</div>
</body>

</html>